<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Disney</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/disney.css">
</head>

<body>
    <main>
        <header>
            <nav>
                <a href=""><span class="sprite1"></span> 首页</a>
                <a href=""><span class="sprite2"></span> 商店</a>
                <a href=""><span class="sprite3"></span> 乐园</a>
                <a href=""><img src="img/t_logo.png" alt=""></a>
                <a href=""><span class="sprite4"></span> 影视</a>
                <a href=""><span class="sprite5"></span> 数码</a>
                <a href=""><span class="sprite6"></span> 会员</a>
            </nav>
        </header>
        <div class="pic">
            <img src="img/banner.jpg" alt="">
        </div>
        <section>
            <h1>明星</h1>
        </section>
        <div class="star">
            <a href="">
                <img src="img/star01.jpg" alt="">
                <p>米奇和他的朋友们</p>
            </a>
            <a href="">
                <img src="img/star02.jpg" alt="">
                <p>迪士尼公主</p>
            </a>
            <a href="">
                <img src="img/star03.jpg" alt="">
                <p>赛车总动员</p>
            </a>
            <a href="">
                <img src="img/star04.jpg" alt="">
                <p>小公主苏菲亚</p>
            </a>
            <a href="">
                <img src="img/star05.jpg" alt="">
                <p>冰雪奇缘</p>
            </a>
            <a href="">
                <img src="img/star06.jpg" alt="">
                <p>星球大战</p>
            </a>
        </div>
        <div class="shop">
            <h1>商店</h1>
            <div class="shop-content">
                <div>
                    <img src="img/shop01.jpg" alt="">
                </div>
                <div class="shop-B">
                    <div>
                        <img src="img/shop02.jpg" alt="">
                        <p>疯狂动物城Iphone</p>
                    </div>
                    <div>
                        <img src="img/shop03.jpg" alt="">
                        <p>疯狂动物城Iphone</p>
                    </div>
                    <div>
                        <img src="img/shop04.jpg" alt="">
                        <p>疯狂动物城Iphone</p>
                    </div>
                    <div>
                        <img src="img/shop05.jpg" alt="">
                        <p>疯狂动物城Iphone</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="info">
            <h1>迪士尼资讯</h1>
            <div class="info-content">
                <div class="info-l">
                    <div>
                        <img src="img/news01.jpg" alt="">
                    </div>
                    <div class="info-b">
                        <i></i>
                        <h2>
                            上海迪士尼乐园开园在即！
                        </h2>
                        <p>
                            自2016年6月16日起,您将可以探索一个前所未有的神奇世界,每个人都能在这里点亮心中奇梦。<span class="sprite7"></span>
                        </p>
                    </div>
                </div>
                <div class="info-r">
                    <div>
                        <section><i></i><img src="img/news02.jpg" alt=""></section>
                        <div>
                            <h3>《疯狂动物城》 票房突破10亿人民币!</h3>
                            <p>《疯狂动物城》上映第16日登顶中国动画卖座第一,并成为史上首部破10亿动画片!<span class="sprite7"></span></p>
                        </div>

                    </div>
                    <div>
                        <section> <i></i><img src="img/news03.jpg" alt=""></section>
                        <div>
                            <h3>全球首座迪士尼音乐报时钟楼正式落成</h3>
                            <p>迪士尼钟楼将与迪士尼旗舰店一起为上海带来一份奇妙而梦幻的娱乐购物体验<span class="sprite7"></span></p>
                        </div>

                    </div>
                    <div class="div3">
                        <section><i></i><img src="img/news04.jpg" alt=""></section>
                        <div>
                            <h3>《头脑特工队》获得第88届奥斯卡最佳动画长片</h3>
                            <p>皮克斯《头脑特工队》获得第88届奥斯卡最佳动画长片!实至名归!<span class="sprite7"></span></p>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <footer>
            <div class="fot">
                <div class="fot-left">
                    <img src="img/t_logo.png" alt="">
                </div>
                <div class="fot-right">
                    <div class="bottom1">
                        <img src="img/weibo.jpg" alt="">
                        <h4>关注我们微博</h4>

                        <!-- <h4>关注我们微信</h4>> -->
                    </div>
                    <div class="bottom2">
                        <img src="img/weixin.jpg" alt="">
                        <h4>关注我们微信</h4>
                    </div>
                </div>
            </div>
            <!-- 上 -->
            <div class="fot-b">
                <div class="fot1">
                    <a href="">
                        <h3>关于我们</h3>
                    </a>
                    <a href="">
                        <h3>加入我们</h3>
                    </a>
                    <a href="">
                        <h3>法律条款</h3>
                    </a>
                    <a href="">
                        <h3>隐私政策</h3>
                    </a>
                    <a href="">
                        <h3>退换货政策</h3>
                    </a>
                </div>
                <div class="fot2">
                    <p>Disney | Pixar All rights reserved. 备案号:沪ICP备07025394号-17</p>
                </div>
            </div>
            
            <!-- 下 -->
        </footer>
















    </main>
</body>

</html>